<template>
  <div class="watch">
    <banner :module="$route.query.from ||'watch'"/>
    <div class="home-content watch-detail">
      <div class="watch-detail-title">{{articleInfo.title}}</div>
      <text-list  :list="articleInfo.list"></text-list >
    </div>
  </div>
</template>

<script>
  import detailData from "@/utils/detail.js";
  import textList from '@/components/textList'
  import banner from  '@/components/banner-top'

  export default {
    data() {
      return {
        articleInfo:detailData.articleInfo
      }
    },
    components: {
      textList,banner
    },
  }
</script>

<style lang="less" scoped>
  .watch {
    .watch-banner {
      width: 100%;
      display: block;
      .watch-detail{
        text-align:justify
      }
    }
  }
</style>